<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="../css/style.css" type="text/css"/>
    <link rel="stylesheet" href="../css/eui.css">


</head>
<body>
<div class="topbg">
    <p class="top gWidth">
        <a href="#">手机站</a> 丨 <a href="#">微信</a>
        <a href="empReg.html" class="dl">登录/注册</a>
    </p>
</div>

<div id="app">
    <div class="logo gWidth">
        <img src="../img/logo.png">
        <ul class="fl">
            <li><a href="../index.html">首页</a></li>
            <li><a href="../zpxx.html">招聘信息</a></li>
            <li><a href="jlzx.html">简历中心</a></li>
            <li><a href="zpzs.html">作品展示</a></li>
        </ul>
    </div>

    <div id="container">
        <div class="sections">
            <div class="section" id="section0"></div>
            <div class="section" id="section1"></div>
            <div class="section" id="section2"></div>
        </div>
    </div>
    <div class="zc gWidth">
        <ul>
            <li><span>*</span>邮箱</li>
            <li><span>*</span>密码</li>
        </ul>
        <form>
            <div v-if="exist" style="font-size:15px;color: red">邮箱已注册</div>

            <input type="text"  style="color:#333" @blur="selectname()" v-model="emp.email" placeholder="请输入常用邮箱"><br>
            <input type="text" style="color:#333" @blur="selectname()" v-model="emp.password" @keydown.native.enter="reg()" placeholder="请输入登录密码"><br>
            <input type="checkbox" checked class="fwtk"><span>同意《服务协议》</span><br>
            <input class="tj" type="button" value="注册" @click="reg()">
        </form>
        <div class="clear"></div>
    </div>

    <div class="yqlj gWidth">
        <div class="bt-yqlj"><h2>友情链接</h2></div>
        <div class="content-yqlj">
            <ul>
                <li><a href="#">二手设备出售</a></li>
                <li><a href="#">保定房产信息网</a></li>
                <li><a href="#">保定企业名录</a></li>
                <li><a href="#">策划书</a></li>
            </ul>
            <ul>
                <li><a href="#">二手设备出售</a></li>
                <li><a href="#">保定房产信息网</a></li>
                <li><a href="#">保定企业名录</a></li>
                <li><a href="#">策划书</a></li>
            </ul>
            <ul>
                <li><a href="#">二手设备出售</a></li>
                <li><a href="#">保定房产信息网</a></li>
                <li><a href="#">保定企业名录</a></li>
                <li><a href="#">策划书</a></li>
            </ul>
            <ul>
                <li><a href="#">二手设备出售</a></li>
                <li><a href="#">保定房产信息网</a></li>
                <li><a href="#">保定企业名录</a></li>
                <li><a href="#">策划书</a></li>
            </ul>
            <ul>
                <li><a href="#">二手设备出售</a></li>
                <li><a href="#">保定房产信息网</a></li>
                <li><a href="#">保定企业名录</a></li>
                <li><a href="#">策划书</a></li>
            </ul>
            <ul>
                <li><a href="#">二手设备出售</a></li>
                <li><a href="#">保定房产信息网</a></li>
                <li><a href="#">保定企业名录</a></li>
                <li><a href="#">策划书</a></li>
            </ul>

        </div>
    </div>

    <div class="bottom1bg">
        <div class="bottom1 gWidth">
            <p class="fl">
                <i class="iconfont">&#xe639;</i><br>网站客服热线:<br><span>0312-1111111</span>
            </p>
            <div class="fr">
                <dl>
                    <dt class="iconfont"><span>&#xe651;</span>关于我们</dt>
                    <dd><a href="#">关于我们</a></dd>
                    <dd><a href="#">网站简介</a></dd>
                    <dd><a href="#">联系我们</a></dd>
                </dl>

                <dl>
                    <dt class="iconfont"><span>&#xe609;</span>找工作</dt>
                    <dd><a href="zpxx.html">搜索职位</a></dd>
                    <dd><a href="jlfb.html">创建简历</a></dd>
                    <dd><a href="zpxx.html">全部招聘</a></dd>
                </dl>

                <dl>
                    <dt class="iconfont"><span>&#xe601;</span>招人才</dt>
                    <dd><a href="qyb.html">发布职位</a></dd>
                    <dd><a href="qyb.html">招聘职位</a></dd>
                    <dd><a href="qyb.html">招聘管理</a></dd>
                </dl>

                <dl>
                    <dt class="iconfont"><span>&#x3459;</span>帮助</dt>
                    <dd><a href="#">网站声明</a></dd>
                    <dd><a href="#">使用条款</a></dd>
                    <dd><a href="#">安全中心</a></dd>
                </dl>

            </div>
        </div>
    </div>

    <p class="bottom2">ICP经营许可证编号 京ICP证060405号 京ICP备10012705号-12 京公网安备11010502027237号 Copyright © 北京五八信息技术有限公司 版权所有</p>

</div>

<script src="../js/vue.js"></script>
<script src="../js/eui.js"></script>

<script src="../js/axios.min.js"></script>

<script>
    let v = new Vue({
        el: "#app",
        data: {
            exist: false,
            emp: {
                email: "", password: ""
            }
        },
        methods: {
            reg() {
                axios.post("/reg", v.emp).then(function (response) {
                    if (response.data == 1) {
                        alert("成功")
                        location.href="/"
                    } else {
                        alert("已存在")
                    }
                })
            },
            selectname() {
                axios.post("/selectByEmail",v.emp).then(function (response) {
                    v.exist=response.data==1?false:true
                })
            }
        },
    });
</script>
</body>
</html>